// Link 链接

.e-link {
    text-decoration: none;
  	position: relative;
  	display: inline-block;

    &:after {
    	display: block;
    	content: '';
		position: absolute;
		bottom: 0;
        top: 1rem;  
		left: 0;
		width: 0;
		transition: width .3s ease;
    }

    &:hover {
    	text-decoration: none !important;

    	&:after {				
    		width: 100%;
    	}
    }

    @include e-link-color(e-get($e-font-style, link, default), e-get($e-font-style, link, hover));

    @each $name, $color in $e-state-colors {
        &.e-link-#{$name} {
            @include e-link-color(e-get($color, base), darken(e-get($color, base), 10%));
        }
    }
}